<script lang="ts" setup>
import useStore from '../store';

const { channel } = useStore()
console.log(channel);

channel.getChannelList(channel.active)
</script>

<template>
  <ul class="catagtory">
    <li
    :class="{ select:item.id === channel.active }" 
    v-for="item in channel.list" 
    :key="item.id"
    @click="channel.changActive(item.id)"
    >{{ item.name }}</li>
  </ul>
</template>

